const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
  transpileDependencies: true,
  // devServer: { // 服务器配置
  //   proxy: { // 代理配置
  //     // 后端完整的接口地址
  //     // http://c.m.163.com/nc/article/headline/T1348647853363/0-40.html
  //     '/api': { // 请求相对路径以/api开头的, 才会走这里的配置
  //       target: 'http://c.m.163.com', // 后台接口域名
  //       changeOrigin: true, // 改变请求来源(欺骗后台你的请求是从http://c.m.163.com)
  //       pathRewrite: {
  //         '^/api': '' // 因为真实路径中并没有/api这段, 所以要去掉这段才能拼接正确地址转发请求
  //       }
  //     }
  //   }
  // },
  // vant定制主体的配置
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 直接覆盖变量
            'nav-bar-background-color': '#007bff',
            'nav-bar-title-text-color': '#fff',
            'tabs-bottom-bar-color': '#007bff',
            'nav-bar-icon-color': '#fff'
            // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
            // hack: 'true; @import "your-less-file-path.less";'
          }
        }
      }
    }
  },
  // 不让.dist文件夹下的index.html中引入的文件不让以默认的绝对路径（/../..）（HMTT路径为根路径）进行引入，让引入的是相对路径(./..)相对于.dist路径下的文件
  publicPath: './'
})
